<template>
	<view class="im-msg-list-com">
		<scroll-com>
			<view class="msg-list-scroll-warpper">
				<view class="msg-item">
					<im-msg-item-com />
				</view>
				<view class="msg-item">
					<im-msg-item-com />
				</view>
				<view class="msg-item">
					<im-msg-item-com />
				</view>
				<view class="msg-item">
					<im-msg-item-com />
				</view>
				<view class="msg-item">
					<im-msg-item-com />
				</view>
				<view class="msg-item">
					<im-msg-item-com />
				</view>
				<view class="msg-item">
					<im-msg-item-com />
				</view>
				<view class="msg-item">
					<im-msg-item-com />
				</view>
				<view class="msg-item">
					<im-msg-item-com />
				</view>
			</view>
		</scroll-com>
	</view>
</template>

<script>
	import imMsgItemCom from './im-msg-item-com.vue'
	export default {
		name: 'im-msg-list-com',
		data() {
			return {
				
			};
		},
		components: {
			imMsgItemCom
		}
	}
</script>

<style lang="scss" scoped>
	.im-msg-list-com{
		width: 100%;
		height: 100%;
		.msg-list-scroll-warpper{
			padding: 32rpx 0;
			box-sizing: border-box;
		}
		.msg-item:first-child{
			margin-top: 0;
		}
		.msg-item{
			margin-top: 32rpx;
		}
	}
</style>